<template name="App_my">
  <div class="ui container" style="position:relative;top:50px;margin-botton:70px;padding-bottom:50px">
    <br>
    <div class="ui divided items">
    <div class="item">
      <div class="medium image">
        <img src="/img/defaultheader.jpeg">
        {{#if isEditable}}
        <span class="ui tiny button">更改头像</span>
        {{/if}}
      </div>
      <div class="content">

        <a class="header">{{username}}</a>
        <div class="meta">
          <span class="cinema">{{nickname}}
          </span>
          {{#if isEditable}}
          <span class="ui origin tiny button">设置</span>
          {{/if}}
        </div>


        <div class="description">
          <p>个人简介：这里应该有个风骚哥个人签名啊
            {{#if isEditable}}
            <span class="ui tiny button">更改</span>
            {{/if}}
          </p>
        </div>
        <div class="extra">
          {{#if isEditable}}
          <button class="ui right floated mini button link_logout">
            退出当前账号
          </button>
          {{else}}
          <div class="ui orange label">关注</div>
          <div class="ui label"><i class="larger comment icon"></i> 消息</div>
          {{/if}}

        </div>
      </div>

    </div>
      <h3>我的荣誉</h3>
    <div class="item">
      <div class="content">
        <div class="ui horizontal list">
         <div class="item">
           <i class="large student icon"></i>
           <div class="content">
             <div class="header"><a href="">全勤奖</a></div>
           </div>
         </div>
         <div class="item">
            <i class="large street view icon"></i>
           <div class="content">
             <div class="header"><a href="">最受欢迎销售</a></div>
           </div>
         </div>

        </div>
      </div>
    </div>
    <div class="item">

      <div class="content">
        <div class="ui top attached tabular menu">
          <a class="item active" data-tab="first">出勤记录</a>
          <a class="item" data-tab="second">个人资料</a>
          <a class="item" data-tab="third">能力统计</a>
        </div>
        <div class="ui bottom attached tab segment  active" data-tab="first">
          <h3>我的出勤记录</h3>
        </div>
        <div class="ui bottom attached tab segment" data-tab="second">
          <div class="ui list">
              <div class="item">
                <i class="map marker icon"></i>
                <div class="content">
                  <a class="header">Krolewskie Jadlo</a>
                  <div class="description">An excellent polish restaurant, quick delivery and hearty, filling meals.</div>
                </div>
              </div>
              <div class="item">
                <i class="map marker icon"></i>
                <div class="content">
                  <a class="header">Xian Famous Foods</a>
                  <div class="description">A taste of Shaanxi's delicious culinary traditions, with delights like spicy cold noodles and lamb burgers.</div>
                </div>
              </div>
              <div class="item">
                <i class="map marker icon"></i>
                <div class="content">
                  <a class="header">Sapporo Haru</a>
                  <div class="description">Greenpoint's best choice for quick and delicious sushi.</div>
                </div>
              </div>
              <div class="item">
                <i class="map marker icon"></i>
                <div class="content">
                  <a class="header">Enid's</a>
                  <div class="description">At night a bar, during the day a delicious brunch spot.</div>
                </div>
              </div>
            </div>
        </div>
        <div class="ui bottom attached tab segment" data-tab="third">
          <div class="ui list">
              <div class="item">
                <i class="map marker icon"></i>
                <div class="content">
                  <a class="header">Krolewskie Jadlo</a>
                  <div class="description">An excellent polish restaurant, quick delivery and hearty, filling meals.</div>
                </div>
              </div>
              <div class="item">
                <i class="map marker icon"></i>
                <div class="content">
                  <a class="header">Xian Famous Foods</a>
                  <div class="description">A taste of Shaanxi's delicious culinary traditions, with delights like spicy cold noodles and lamb burgers.</div>
                </div>
              </div>
              <div class="item">
                <i class="map marker icon"></i>
                <div class="content">
                  <a class="header">Sapporo Haru</a>
                  <div class="description">Greenpoint's best choice for quick and delicious sushi.</div>
                </div>
              </div>
              <div class="item">
                <i class="map marker icon"></i>
                <div class="content">
                  <a class="header">Enid's</a>
                  <div class="description">At night a bar, during the day a delicious brunch spot.</div>
                </div>
              </div>
            </div>
        </div>
      </div>
    </div>
  </div>
  </div>
<br><br><br><p></p>
</template>
